<template>
  <!-- 工具类 -->
  <div class='PageWrap'>
    <!-- 工具 -->
    <div class="tool-item">
      <router-view></router-view>
    </div>
    
    <!-- 侧边栏 -->
    <Sidebar :sideBarList="sideBarList" routerBase="/tool"/>
  </div>
</template>
 
<script setup>
import Sidebar from '@/components/sidebar.vue'
import { ref } from 'vue';
 
 const sideBarList = ref([{
  text: 'test',
  path: "/test",
}, {
  text: 'echarts3D飞线地图',
  path: "/mapEchart",
}, {
  text: 'Particle粒子效果',
  path: "/threeParticle",
}, {
  text: '滚动显示',
  path: "/scrollDisplay",
}, {
  text: '图片懒加载指令',
  path: "/imgLazy",
}, {
  text: '高度自适应显示',
  path: "/autoHeight",
}]); // 侧边导航栏
</script>
<style lang="scss" scoped>
.PageWrap {
  .tool-item {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
</style>